  <div style="POSITION: relative" id="content">
   <h3>欢迎使用&nbsp;jQuery EasyUI 1.3&nbsp;中文教程</h3>
    <h1 style="COLOR: green">(本文档收集网上资料整理而来 —— 简略星星&nbsp;2012-12-10)</h1>
    <img 
style="FLOAT: right" src="documentation/images/easyui.jpg" 
tppabs="http://jeasyui.com/images/easyui.jpg" />
    <p>jQuery EasyUI 框架帮助你轻松建立站点。</p>
    <ul>
      <li>easyui是一个基于jquery的集成了各种用户界面的插件。 </li>
      <li>使用easyui你不需要写太多javascript代码，一般情况下你只需要使用一些html标记来定义用户接口。 </li>
      <li>easyui非常简单，但是功能非常强大。</li>
    </ul>
    <div style="HEIGHT: 20px"></div>
    <h4>轻松使用&nbsp;jQuery&nbsp;和 HTML5</h4>
    <img style="WIDTH: 200px; FLOAT: right" 
src="documentation/images/html5.gif" tppabs="http://jeasyui.com/images/html5.gif" />
    <p>jQuery EasyUI <span>提供</span><span>易于</span><span>使用的组件</span><span>，</span><span>它使<span>Web开发人员快速的</span>建立在</span><span>流行的</span><span>jQuery核心和</span><span>HTML5</span><span>的程序页面</span><span>。</span><span>这些功能使</span><span>您的应用程序</span><span>适合</span><span>今天的网络</span><span>。</span><span>有两个</span><span>方法声明</span><span>的UI组件</span>: </p>
    <p>1. <span>直接在</span><span>HTML<span>声明</span><span>组件</span></span></p>
    <div style="PADDING-LEFT: 20px; BACKGROUND: #fafafa">
      <pre name="code" class="html">&lt;div class=&quot;easyui-dialog&quot; style=&quot;width:400px;height:200px&quot;
	data-options=&quot;title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}&quot;&gt;
	dialog content.
&lt;/div&gt;</pre></div>
    <p>2. <span>编写JavaScript</span><span>代码来创建</span><span>组件</span><span>。</span></p>
    <div style="PADDING-LEFT: 20px; BACKGROUND: #fafafa">
      <pre name="code" class="html">&lt;input id=&quot;cc&quot; style=&quot;width:200px&quot; /&gt;</pre>
      <pre name="code" class="javascript">$('#cc').combobox({
	url: ...,
	required: true,
	valueField: 'id',
	textField: 'text'
});</pre>
    </div>
    <div style="HEIGHT: 20px"></div>
    <table>
      <tbody>
        <tr>
          <td style="PADDING-RIGHT: 40px"><img style="WIDTH: 300px" 
      src="documentation/images/demos.jpg" tppabs="http://jeasyui.com/images/demos.jpg" /></td>
          <td style="VERTICAL-ALIGN: top"><h4><font size="3"><span>教程和</span><span>演示</span></font></h4>
            <p>jQuery的EasyUI提供一切你需要建立你的网页。这些教程将告诉你一步一步如何创建应用程序。享受，希望你可以向他们学习。</p>
            <p style="MARGIN-TOP: 40px">&nbsp;</p></td>
        </tr>
      </tbody>
    </table>
    <div style="HEIGHT: 20px"></div>
    <h4>jQuery EasyUI 提供组件包括功能强大的数据网格，树形表格、 面板、 下拉组合和更多的建设跨浏览器的 web 
    页的完整的集合。用户可以组合使用这些组件，也可以单独使用其中一个。 </h4>
</div>
</div>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>